// 定义一个粉色的变量
@color: pink;
// 注意变量名区分大小写
@border: 5px + 5;

body {
    background-color: @color;
}

// 儿子住在爸爸家里面嵌套
div {
    width: 200px;
    height: 200px;
    border: @border solid #000;
    background-color: red;

    a {
        color: beige;

        &:hover {
            color: blue;
            // 伪类选择器在前面加&；
        }
    }
}

// 运算符前后必须加空格
// 两个数参与运算如果只有一个数有单位，则默认为该单位，如果两个数都有单位，则默认为第一个数的单位
// 直接在后面进行加减乘除运算
// less提供了加减乘除运算符颜色数字或者变量都可以进行运算